export default {
  draw: (cfg, group) => {
    let classNames = [
      'h-flow-empty-node',
      'h-flow-node',
      cfg.passed && 'h-flow-node-history-passed',
      cfg.active && 'h-flow-node-current-active'
    ];

    return group.addShape('dom', {
      attrs: {
        width: 40,
        height: 90,
        html: `<div data-id="${cfg.id}" style="margin-top: 30px" title="自动流过" data-role="empty" class="${classNames.join(" ")}"/>`,
        name: 'empty',
      },
    });
  },
  getAnchorPoints(cfg) {
    return [
      [0, 0.5],
      [1, 0.5],
    ];
  }
};
